<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Contact</title>
    <script src="js/jquery-1.12.2.js"></script>
    <script>
        $(function () {
            $('#youremail').blur(function(){
                var regExp=/^\w+@\w+\.\w+(\.\w+)?$/;
                var eMail=$('#youremail').val();
                if(regExp.test(eMail)||$('#youremail').val()===''){
                }else{
                    alert('Please enter the correct Your E-Mail');
                    $('#youremail').val('')
                }
            })
            $('button:eq(0)').click(function(){
                $('textarea').val('')
            })
            $('button:eq(1)').click(function(){
                if($('.yourname').val()===''){
                    alert('请输入您的姓名!')
                }else if($('#youremail').val()==''){
                    alert('请输入您的常用邮箱')
                }else if($('textarea').val()===''){
                    alert('请输入您的问题或建议!')
                }else{
                    alert('您的请求已经发送，我们会尽快的处理您的问题，请您注意接收邮件！')
                }

            })
        })
    </script>
    <link rel="stylesheet" href="css/css初始化.css"/>
    <link rel="stylesheet" href="css/contact.css"/>
</head>
<body>
<!--顶部开始-->
<div class="body1">
    <div class="heard">
        <div class="w">
            <h1><a href="#"><img src="images/logo.png" alt=""/></a></h1>
            <form class="fr">
                <input type="text" class="text"/>
                <input type="button" class="btn"/>
            </form>
            <ul class="fr">
                <li><a href="home.html"><i></i>Home</a></li>
                <li><a href="about.html"><i></i>About</a></li>
                <li><a href="folio.html"><i></i>Folio</a></li>
                <li><a href="services.html"><i></i>Services</a></li>
                <li><a href="news.html"><i></i>News</a></li>
                <li><a href="contact.html"><i></i>Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="top" style="height: 40px;"></div>
</div>
<!--顶部结束-->
    <!--服务内容1-->
    <div class="contact-main1 clearfix">
        <div class="w">
            <p class='contact-from'>Contact Form</p>
            <div class="customer">
                <p><span>Your Name:</span><input type="text" class='yourname'/></p>
                <p><span>Your E-mail:</span><input type="text" id="youremail"/></p>
                <div class="textarea_box"><span>Your Message:</span><textarea name="" id="" cols="30" rows="10"></textarea>
                    <div class="btn">
                        <button>Clear</button>
                        <button>Send</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容2-->
    <div class="contact-main2">
        <div class="w">
            <!-- 内容2左边-->
            <div class="contact-main2-left fl">
                <p class='contact-my'>Miscelleous</p>
                <p class="contact-my-content">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
            </div>
            <!-- 内容2右边-->
            <div class="contact-main2-ringht fl">
                <p class='contact-my'>My Contacts</p>
                <ul class="ul1 fl">
                    <li>Country:</li>
                    <li>State:</li>
                    <li>City:</li>
                    <li>Telephone:</li>
                    <li>Email:</li>
                </ul>
                <ul class="ul2 fl">
                    <li>USA</li>
                    <li>California</li>
                    <li>San Diego</li>
                    <li>+354 5635600</li>
                    <li class="email"><a href="#">elenwhite@mail.com</a></li>
                </ul>
            </div>
        </div>
    </div>
<!--底部S-->
<div class="footer">
    <div class="w">
        <div class="foot1">
            <span class="fl"><a href="#">Website template</a><br/>More Templates</span>
            <ul class="fr">
                <li><a href="#"><img src="images/icon1.png" alt="" title="Facebook"/></a></li>
                <li><a href="#"><img src="images/icon2.png" alt="" title="Delicious"/></a></li>
                <li><a href="#"><img src="images/icon3.png" alt="" title="Stumble Upon"/></a></li>
                <li><a href="#"><img src="images/icon4.png" alt="" title="Twitter"/></a></li>
                <li><a href="#"><img src="images/icon5.png" alt="" title="Linkedin"/></a></li>
                <li><a href="#"><img src="images/icon6.png" alt="" title="Reddit"/></a></li>
            </ul>
        </div>
    </div>
</div>
<!--底部E-->

</body>
</html>